
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>添加游记</title>
    <style type="text/css">
        form{
            width: 100%;
            text-align: center;
        }
        .header{
            width: 70%;
            height: 400px;
            margin: 0 auto;
            margin-top: 40px;
            background: #7A8B8B;
            text-align: center;
        }
        .header input{
            margin-top: 20px;
        }
        .content{


            width: 70%;

            margin: 40px auto;
            text-align: center;
        }
        .tra_days{
            width: 900px;
            margin: 0 auto;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: green;
            border:1px solid black ;
        }

        .context {
            width: 900px;
            height: 300px;
            border:1px solid black ;
            border-top: 0;
            margin: 0 auto;
            display: none;
        }
        .context textarea{
            margin: 20px auto;
        }

    </style>
</head>
<body>
<%@include file="pageTitle.jsp"%>

<form action="TravelAddServlet" method="post" >
    <div class="header">
        游记题目：<input type="text" name="topic" ><br>
        出游季节：<input type="text" name="tra_season" ><br>
        旅游天数：<input type="text" name="tra_days" ><br>
        出游费用：<input type="text" name="price" ><br>
        出游玩法：<input type="text" name="play_type" ><br>
        出游地点：<input type="text" name="location" ><br>
        参观景点: <input type="text" name="sceid"><br>
    </div>
    <div class="content" >
        <div class="tra_days" onclick="display1()">
            游记感想
        </div>
        <div  class="context" id="content1">
            内容：<textarea  name="context"></textarea> <br>
            图片：<input type="file" name="pic">
        </div>
    </div>

    <button style="margin: 0 auto;">提交</button><br/><br/><br/><br/><br/><br/><br/>
</form>
<script type="text/javascript">
    function display1() {
        var div1 = document.getElementById("content1");
        if(div1.style.display=="none"){
            div1.style.display="block";
        }else{
            div1.style.display = "none";
        }
    }

</script>
</body>
</html>
